#ordercontainer{width: 100%; background-color:#f5f5f5;padding-bottom:50px;}
#pagenav{width: 1240px; margin: 0 auto;height: 50px; line-height: 50px; list-style:none;}
#pagenav li a{color: #666; text-decoration: none;}
#pagenav li a:hover{color:#000;}
#pagenav li{float: left; margin-right: 10px;}
.order{margin-bottom: 50px;}
.content{width: 1240px; margin: 0 auto;margin-bottom: 20px;}
.ocleft{width:234px; float: left; background-color: white;}
.ocleft > dl{width: 160px;  margin: 20px auto;}
.ocleft > dl > dt{font-size: 18px; font-weight: 400; height:50px; line-height: 50px;}
.ocleft > dl > dd{ height: 33px; }
.ocleft > dl > dd > a{font-size:14px;line-height: 33px;color:#444;text-decoration: none;}
.ocleft > dl:nth-of-type(1)> dd:nth-of-type(1) > a{color:red;}
.ocleft > dl > dd > a:hover{color:red;}

.ocright{width: 958px; float: right; background-color: white; padding-bottom: 50px; padding-left:50px;}
.order-item{border-bottom: solid 1px #B0B0B0;}
#ordertitle{clear:both; height:70px;margin-top:50px;}
#ordertitle > h2{font-size: 26px;color:#444; float:left;}
#ordertitle > .desc{font-size:14px; float: left;margin-top: 30px;margin-left: 10px; color: #4f4f4f;}

.ordertabs {height: 56px;}
.ordertabs .ordertab div{float:left;margin-right: 20px;}
.ordertabs .ordertab div a{color: #444;font-size: 18px;line-height: 56px; border-right: solid 1px #dedede;padding-right:10px;}
.ordertabs .ordertab div:last-of-type > a{border: none;}
.ordertabs .ordertab div:nth-of-type(1)>a{color: orangered;}
.ordertabs .ordersearch{float:right;}
.ordertabs .ordersearch input{height:38px;margin-top: 5px;width: 200px; border: solid 1px #ddd;}
.ordertabs .ordersearch button{background-image: url("../images/search_1.png");background-size: 38px 38px;height:38px; width: 38px;display:block; float:right;margin-top: 5px; margin-right: 50px; border: solid 1px #ddd;}
.ordertabs .ordersearch button:hover{background-image: url("../images/search_2.png");background-size: 40px 40px;background-position: -2px -2px; overflow: hidden;}

.order{border: solid 1px #B0B0B0;width: 862px;border-bottom:none;}
.order-item{}
.order-item h2{font-size: 20px; color:#B0B0B0;margin: 20px 0 20px 20px;}
.order-info{width:860px;border-bottom: solid 1px #E0E0E0;padding-bottom: 30px;}
.order-info div:nth-of-type(1){margin-left: 18px;float:left;}
.order-info div:nth-of-type(1) span{margin-left:5px; margin-right:5px;color:#666;}
.order-info div:nth-of-type(2){float: right; width:200px;margin-top:-20px;}
.order-info div:nth-of-type(2)  span{color:#666;}
.order-info div:nth-of-type(2)  > span > span{font-size:28px;}

.order-goods{clear:both;}
.order-goods div{float: left; height: 80px;margin:20px;}
.order-goods div.goods-img{float:left;}
.order-goods div.goods-name{float:left;margin-top:40px;}
.order-goods div.goods-name a{color: black;}
.order-goods div.goods-name a:hover{color: orangered;}
.order-goods div.goods-operator{float:right;width: 200px;margin-top:30px;}
.order-goods div.goods-operator button{width:180px;line-height: 30px; margin-bottom: 10px;background-color:white; border: solid 1px #666;border-radius: 5px;}
.order-goods div.goods-operator button:hover{background-color:#666; color:white;}
